@import "_function";
@import "common";

.register-page{
.header {
  .bc(#cf4cff);
  .p(0, 30, 0, 30);
  .h(88);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fffefe;
  .back img {
    .w(27);
    .h(44);
  }
  .message img {
    .w(42);
    .h(42);
  }
}
.content {
  .mt(215);
  form {
    .ml(74);
    .mr(76);
    .username, .password {
      .w(571);
      .h(80);
      .br(24);
      .mt(44);
      .pl(29);
      .fs(36);
      outline: none;
      border: 1px solid #666666;
    }
    .code {
      .w(600);
      .h(80);
      .br(24);
      .mt(44);
      .fs(36);
      overflow: hidden;
      border: 1px solid #666666;
      input {
        .w(400);
        .h(80);
        .fl();
        .ti(29);
        outline: none;
        border: 0;
      }
      span {
        .w(200);
        .h(80);
        .lh(80);
        .fl();
        .tc();
        .bc(#cf4cff);
        color: #ffffff;
      }
    }
    label {
      .h(25);
      .lh(25);
      .db();
      .pl(32);
      .mt(20);
      .mb(90);
      overflow: hidden;
      input {
        .w(25);
        .h(25);
        .mr(8);
        .db();
        .fl();
      }
      span {
        .db();
        .fl();
        color: #666666;
      }
    }
    .submit {
      .w(600);
      .h(80);
      .bc(#cf4cff);
      .br(24);
      .fs(48);
      .lh(80);
      .tc;
      color: #ffffff;
      border: 0;
    }
  }
}
}